<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>互联网金融贷款平台</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link th:href="@{/asserts/css/common.css}" rel="stylesheet" />
    <link th:href="@{/asserts/css/index.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/asserts/css/detail.css}" rel="stylesheet" type="text/css">
    <script type="text/javascript" th:src="@{/asserts/script/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/asserts/script/common.js}"></script>
    <link rel="stylesheet" th:href="@{/asserts/css/bootstrap/css/bootstrap.css}">
    <script th:src="@{/asserts/css/bootstrap/js/bootstrap.js}"></script>
    <script type="text/javascript" th:src="@{/asserts/script/loan.js}"></script>

    <style>
        .myButton {
            background-color: #FAF2E4;
            border-radius:28px;
            border:1px solid #EE8832;
            display:inline-block;
            cursor:pointer;
            color:#ffffff;
            font-family:Arial;
            font-size:17px;
            padding:5px 15px;
            text-decoration:none;

        }
        .myButton:hover {
            background-color:red;
        }
        .myButton:active {
            position:relative;
            top:1px;
        }

        .myButton1 {
            background-color: #FAF2E4;
            border-radius:28px;
            display:inline-block;
            font-weight: bold;
            color:#ffffff;
            font-family:Arial;
            font-size:20px;
            padding:10px 20px;

        }

        .myButton2 {
            background-color:#b4b9bd;
            border-radius:28px;
            border:1px solid #ecf8ee;
            display:inline-block;
            cursor:pointer;
            color:black;
            font-family:Arial;
            font-size:17px;
            padding:10px 13px;
            text-decoration:none;
        }

        .myButton3 {
            background-color:#0570f2;
            border-radius:28px;
            border:1px solid #0570f2;
            display:inline-block;
            cursor:pointer;
            color:#ffffff;
            font-family:Arial;
            font-size:24px;
            padding:17px 150px;
            text-shadow:0px 1px 0px ;
        }

        .myButton4 {
            background-color:#7892c2;
            border-radius:28px;
            border:1px solid #7892c2;
            display:inline-block;
            cursor:pointer;
            color:#ffffff;
            font-family:Arial;
            font-size:15px;
            padding:5px 10px;
            text-decoration:none;
        }
        .myButton6 {
            background-color:#2977ff;
            border-radius:42px;
            display:inline-block;
            cursor:pointer;
            color:#ffffff;
            font-family:Arial;
            font-size:22px;
            padding:10px 100px;
        }

        .myButton8 {
            background-color:#FFC719;
            border-radius:40px;
            border:1px solid #FFC719;
            display:inline-block;
            cursor:pointer;
            color:#ffffff;
            font-family:Arial;
            font-size:30px;
            padding:25px 125px;
            text-decoration:none;
            text-shadow:0px 1px 0px #2f6627;
        }
    </style>

    <script>

        $(function () {
         /*   /!*广告*!/
            $("#advertise").hide();
            $("#advertise").delay(4000).animate({"height":"show"},3000);
            $("#closeId a").click(function () {
                $("#advertise").animate({height:"hide"},3000);
            });*/
        })

        function closeta() {
          $('#warning').modal("hide")
        }
    </script>
    <script th:src="@{/asserts/css/bootstrap/js/city.js}"></script>
    <script th:src="@{/asserts/script/showImg.js} "></script>
</head>
<body>
<header th:replace="~{header::header}">

</header>
<!--借款的产品页面-->

<!--无账户-->
<div th:if="${session.userInfo.uStatus==0}">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-12" >
                <div style="margin-left: 240px">
                    <img th:src="@{/asserts/images/申请借款1.png}" width="700"/></div>
            </div>
            <button data-toggle="modal" data-target="#complete"  class="myButton8" style="position: relative;top: -440px;left: 370px">同意协议并领取</button>
        </div>
    </div>
</div>

<!--审核中-->
<div th:if="${session.userInfo.uStatus==1}">
    <div class="container" >
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-12" >
                <div style="margin-left: 240px">
                    <img th:src="@{/asserts/images/审核中.png}" width="700"/></div>
            </div>
        </div>
    </div>
</div>

<!--已有借款账户的主题-->
<div th:if="${session.userInfo.uStatus==2}">
    <div class="container">
        <img th:src="@{/asserts/images/合作.png}" width="1920" alt="">
        <!--借款产品的头部标签-->
        <div class="row ">
            <div class="col-xs-12 col-sm-6 col-md-12">
                <div class="text-center" id="head" style="width:100%;">
                    <span style="font-size: 30px;font-weight: bold;color: black">戴去花 · 信用贷</span>
                    <a href="个人中心首页.html"><span class="glyphicon glyphicon-user" style="font-size: 30px;margin-top: 10px;position: relative;left: 300px;top: 5px;color: skyblue;"></span></a>
                </div>
            </div>
        </div>
        <!-- 借款产品的详情-->
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-12">
                <button data-toggle="modal" data-target="#warning"  class="myButton"> <span><img th:src="@{/asserts/images/钱盾.png}" width="50px"></span>  <span style="color: #EE8832;font-weight: bold">谨防诈骗！请勿向陌生人转账！</span> <span style="color: black;" class="glyphicon glyphicon-play"></span></button>
            </div>
        </div>
        <!-- 主体内容-->

        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-12">
                <div class="text-center">
                    <span style="font-weight: bold;font-size: 30px" th:text="${userMessage.umName}"></span><span style="font-weight: bold;font-size: 30px">,您可借（元）</span>
                    <button class="myButton2"  data-toggle="modal" data-target="#info">
                        <span style="color: white" class="glyphicon glyphicon-leaf"></span>
                    </button>
                    <h2 th:text="${userMessage.umCreditLimit}">30,0000</h2>
                    <h4>年化利率<span style="color: #31aff3;" th:text="${userMessage.yearRate}"></span>% 日利率<span th:text="${userMessage.dateRate}"></span>%(年化利率=日利率 x 360)</h4>
                    <button id="getMoney" class="myButton3" style="margin-top: 50px" data-toggle="modal" data-target="#togetmoney">我要借钱</button>
                    <hr style="margin-top: 50px">
                </div>
                <div>
                    <span style="font-size: 35px;font-family: 隶书;margin-left: 100px">提</span><span style="font-size: 35px;color: #EE8832;font-family: 隶书">额</span><span style="font-size: 35px;font-family: 隶书">中心</span>
                    <span style="font-size: 20px;margin-left: 200px">最高可提额至20,0000元</span>
                    <a  href="#" style="text-decoration: none;margin-left: 15px">去提额</a>
                    <hr style="margin-top: 30px">
                </div>
                <div>
                    <span style="font-size: 35px;margin-left: 100px">大</span><span style="font-size: 35px;">额</span><span style="font-size: 35px;">好借</span>
                </div>
                <div class="text-center">
                    <img th:src="@{/asserts/images/推荐2.png}" alt="">
                </div>
                <div>
                    <span style="font-size: 35px;margin-left: 100px">精</span><span style="font-size: 35px;">彩</span><span style="font-size: 35px;">推荐</span>
                </div>
                <div class="text-center">
                    <img th:src="@{/asserts/images/精彩推荐.png}" alt="">
                </div>
            </div>
        </div>
    </div>

</div>

<!--申请失败-->
<div th:if="${session.userInfo.uStatus==3}">
    <div class="container" >
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-12" >
                <div style="margin-left: 240px">
                    <img th:src="@{/asserts/images/申请未通过.png}" width="700"/></div>
            </div>
        </div>
    </div>
</div>





<!--右侧信息栏-->
<div class="page-right fn-right" style="position: absolute;top: 500px;left: 1500px">
    <div class="mod-risk-tip"><i class="icon icon-tip"></i><a href="/bxbz/index.html" class="c-orange">收益与风险并存，请理性选择平台</a></div>
    <div class="mod mod-notice mrt20">
        <div class="hd">
            <h3>网站公告</h3>
            <a href="/gonggao/news/index.html" class="fn-right">更多&gt;</a></div>
        <div class="bd">
            <div class="article-list clearfix">
                <ul>
                    <li><a href="#" title="关于“金融产品”产品的说明">关于“金融产品”产品的说明</a><span class="date">06-19</span></li>
                    <li><a href="#" title="2020年9月10日发标预告">2020年9月10日发标预告</a><span class="date">09-10</span></li>
                    <li><a href="#" title="关于平台“纪念抗战胜利70周年”9月3日***">关于平台“纪念抗战胜利70周年***</a><span class="date">09-02</span></li>
                    <li><a href="#" title="关于理财平台新系统升级的公告">关于理财平台新系统***</a><span class="date">09-02</span></li>
                    <li><a href="#" title="关于债权贷新规调整实施的公告">关于债权贷新规调整实施的公告</a><span class="date">08-25</span></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="mod mod-rank clearfix ui-tab mrt20">
        <div class="hd">
            <h3>排行榜</h3>
            <div class="ui-tab-nav"> <i class="icon icon-cur"></i>
                <ul>
                    <li class="active"><a href="#">收益</a></li>
                    <li><a href="#">投资</a></li>
                </ul>
                <a href="#" class="fn-right">更多&gt;</a> </div>
        </div>
        <div class="bd">
            <div class="ui-tab-cont">
                <div class="ui-tab-item active">
                    <ul class="rank-list" style="position: absolute;left: 10px">
                        <li><span class="fl"><em class="n1">01</em>gz******</span><span class="fr">￥1,115,461.07</span></li>
                        <li><span class="fl"><em class="n2">02</em>米克******</span><span class="fr">￥1,003,890.04</span></li>
                        <li><span class="fl"><em class="n3">03</em>灵儿******</span><span class="fr">￥895,618.71</span></li>
                        <li><span class="fl"><em class="n4">04</em>li******</span><span class="fr">￥795,154.06</span></li>
                        <li><span class="fl"><em class="n5">05</em>豆芽******</span><span class="fr">￥747,154.44</span></li>
                    </ul>
                </div>
                <div class="ui-tab-item">
                    <ul class="rank-list" style="position: absolute;left: 10px">
                        <li><span class="fl"><em class="n1">01</em>黄世******</span><span class="fr">￥78,714,974.00</span></li>
                        <li><span class="fl"><em class="n2">02</em>一诺******</span><span class="fr">￥58,428,720.00</span></li>
                        <li><span class="fl"><em class="n3">03</em>hj******</span><span class="fr">￥57,844,191.00</span></li>
                        <li><span class="fl"><em class="n4">04</em>老马******</span><span class="fr">￥38,808,064.00</span></li>
                        <li><span class="fl"><em class="n5">05</em>写意******</span><span class="fr">￥31,341,159.00</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="mod mod-report ui-tab clearfix mrt20">
        <div class="hd">
            <div class="ui-tab-nav"> <i class="icon icon-cur"></i>
                <ul>
                    <li class="active"><a href="javascript:;">媒体报道</a></li>
                    <li class=""><a href="javascript:;">理财知识</a></li>
                </ul>
            </div>
        </div>
        <div class="bd">
            <div class="ui-tab-cont">
                <div class="ui-tab-item active">
                    <div class="headlines"> <img th:src="@{/asserts/images/news.jpg}"> <a title="平台遭遇滑稽抄袭" target="_blank" href="#">平台遭遇滑稽抄袭</a><br>
                        <span class="des">抄袭者居然把被抄袭者的名字一起抄下来，这样的乌龙抄袭你见过没...</span> </div>
                    <div class="article-list">
                        <ul>
                            <li>[凤凰网]<a href="#" title="平台携手哈工大关爱毕节留守儿童" target="_blank">平台携手哈工大关爱毕节留守儿童</a></li>
                            <li>[21CN财经]<a href="#" title="接受网贷之家专访" target="_blank">接受网贷之家专访</a></li>
                            <li>[和讯网]<a href="#" title="受邀参加中国财经峰会 斩获行业最具品牌影响力等两项大奖" target="_blank">受邀参加中国财经峰会 斩获行业最具品牌影响力等两项大奖</a></li>
                        </ul>
                    </div>
                </div>
                <div class="ui-tab-item">
                    <div class="article-list">
                        <ul>
                            <li>[<a href="#">贷款</a>]<a href="#" title="随着互联网金融的快速发展，越来越多的人开始加入到互联网贷款投资行列，作为一种相对来说还比较新兴的理财产品" target="_blank"> 网贷哪家好，投资新人该如何选择贷款平台</a></li>
                            <li>[<a href="#">外汇</a>]<a href="#" title="投资者应知道，外汇交易市场是一个保证金交易市场，投资者可以利用外汇保证金交易进行更有收益空间的交易" target="_blank"> 什么是外汇保证金交易有哪些方式</a></li>
                            <li>[<a href="#">外汇</a>]<a href="#" title="很多的投资者都听说过外汇保证金交易，他们都知道该交易方式可以让投资者有机会进行更有收益空间的交易" target="_blank"> 外汇保证金交易开户有什么样的具体优势呢？</a></li>
                            <li>[<a href="#">保险理财</a>]<a href="#" title="保险理财因为其特殊性而对人员专业知识、道德标准以及人生阅历提出了较高要求。但是我国的保险业人才还存在很多问题" target="_blank"> 保险公司存在的人才需求问题</a></li>
                            <li>[<a href="#">保险理财</a>]<a href="#" title="保险理财的专业人士缺乏已经成为我国保险公司个人理财业务发展的一大瓶颈，保险公司的员工要能够成为一个好的客户经理" target="_blank"> 保险理财产品销售人员需要具备的基本素质</a></li>
                            <li>[<a href="#">外汇</a>]<a href="#" title="外货期货也叫货币期货，所谓期货自然与现货有着明显的区别，外汇期货除了价格表现形式上与现货有所差异之外，外汇期货交易是用一种货币按照汇率兑换成另一种货币的期货合约" target="_blank"> 什么是外汇期货及其套利形式介绍</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mrt20 mod"> <a href="#"><img th:src="@{/asserts//images/pic_home_js.jpg}" width="300" height="80" alt="收益计算器" class="pic"></a></div>
</div>









<!--网站底部-->
<div th:replace="~{footer::footer}"></div>
<!--谨防诈骗模态框！-->
<div class="modal fade" tabindex="-1" role="dialog" id="warning" >
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h2 class="modal-title text-center">防诈骗提示</h2>
            </div>
            <div class="modal-body">
                <h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 近期有不法分子以“降低利息”，“解除冻结”，“帮助</h3>
                <h3>贷款”，“免息还款”，“金融账户注销”等方式进行诈骗，</h3>
                <h3>蜗牛金融提醒您切勿向任何陌生人账户转账</h3>

                <button class="myButton1" onclick="closeta()" style="width: 250px;margin-left: 160px;background-color: #5656fd;">我知道了</button>
            </div>
        </div>
    </div>
</div>

<!--可借模态框-->
<div class="modal fade" tabindex="-1" role="dialog" id="info">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h3 class="modal-title text-center">您的总额度</h3>
            </div>
            <div class="modal-body">
                <div style="position: absolute;left: 350px">  <img src="../static/asserts/images/钱盾1.jpg" width="100px"></div>
                <h4 >30,000元</h4>
                <h3>综合利息计算规则</h3>
                <h4>年化利率 = 日利率 X 360 ;</h4>
                <h4>当期综合利率 = 剩余待还本金 x 当期待还天数 x 日利率,以单利方式计算</h4>
            </div>

        </div>
    </div>
</div>

<!--借款模态框-->
<div class="modal fade" tabindex="-1" role="dialog" id="togetmoney">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h3 class="modal-title text-center">借多少（元）</h3>
                <h4 class="text-center">可借金额30,000 年化利率21.6% 日利率0.06%</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <!--借多少-->
                    <div class="form-group">
                        <label for="howmuch" class="col-sm-3 control-label">借多少（元）</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="howmuch" placeholder="最高可借30,000元">
                        </div>
                    </div>
                    <!--借多久-->
                    <div class="form-group">
                        <label for="howmuch" class="col-sm-3 control-label" style="position:relative;top: 5px;left: -30px">借多久</label>
                        <div class="col-sm-8">
                            <select name=""  style="background-color: #fff;font-size: 18px;margin-top: 5px;width: 395px;height: 40px">
                                <option value="">3 个 月</option>
                                <option value="">6 个 月</option>
                                <option value="">9 个 月</option>
                                <option value="">12 个 月</option>
                            </select>
                        </div>
                    </div>
                    <!--怎么还-->
                    <div class="form-group">
                        <label class="col-sm-3 control-label" style="position:relative;top: 35px;left: -30px">怎么还</label>
                       <!-- <button style="position: relative;top: 5px;left: 50px" class="myButton4">按日计息，随借随还-0违约金</button>-->
                        <button style="position: relative;top: 5px;left: 10px" class="myButton4">息费更低，提前还款收1%违约金（提前结清本金 x 1%）</button>
                    </div>

                    <div>
                            <div style="width: 180px;height: 55px;background-color: #f8edde;margin-left: 150px;font-size: 17px">
                                <label class="radio-inline">
                                <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="option1" checked> 按日计息<br>
                                <span>总综合利息63.36</span>
                                </label>
                            </div>
                           <div style="width: 180px;height: 55px;background-color: #f8edde;position: relative;left: 350px;top: -50px;font-size: 17px">
                               <label class="radio-inline">
                                   <input type="radio" name="optionsRadiosinline" id="optionsRadios4"  value="option2"> 按期还款 <br>
                                   <span>总综合利息60.20</span>
                               </label>
                           </div>
                    </div>
                    <!--还款计划-->
                    <div class="dropdown">
                        <button   class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="width: 400px;margin-left: 140px;margin-top: -30px">
                            还款计划
                            <span class="caret"></span>
                        </button>
                        <ul style="margin-left: 80px;width: 500px" class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <div class="text-center" id="message">
                                <!--<h3 style="font-size: 25px">按日计息</h3>
                                <h3 style="font-size: 20px;">还款总额（元）</h3>
                                <h3 style="font-size: 20px;">563.36元</h3>
                                <h3 style="font-size: 20px;">日利率0.06%</h3>
                                <h3 style="font-size: 20px;">总综合利息 63.36</h3>-->
                            </div>
                            <hr style="margin-top: 10px">
                            <div id="repayPlans">
                                <!-- <li style="font-size: 17px"><a href="javascript:;">2021年9月11日 还款54.87（本金41.67，综合利息13.20）</a></li>
                                 <li style="font-size: 17px"><a href="#">2021年9月11日 还款54.87（本金4111.67，综合利息133.20）</a></li>
                                 <li style="font-size: 17px"><a href="#">2021年9月11日 还款54.87（本金41.67，综合利息13.20）</a></li>
                                 <li style="font-size: 17px"><a href="#">2021年9月11日 还款54.87（本金41.67，综合利息13.20）</a></li>
                                 <li style="font-size: 17px"><a href="#">2021年9月11日 还款54.87（本金41.67，综合利息13.20）</a></li>
                                 <li style="font-size: 17px"><a href="javascript:;">2021年9月11日 还款54.87（本金41.67，综合利息13.20）</a></li>
                                 <li style="font-size: 17px"><a href="#">2021年9月11日 还款54.87（本金4111.67，综合利息133.20）</a></li>
                                 <li style="font-size: 17px"><a href="#">2021年9月11日 还款54.87（本金41.67，综合利息13.20）</a></li>
                                 <li style="font-size: 17px"><a href="#">2021年9月11日 还款54.87（本金41.67，综合利息13.20）</a></li>
                                 <li style="font-size: 17px"><a href="#">2021年9月11日 还款54.87（本金41.67，综合利息13.20）</a></li>
                                 <li style="font-size: 17px"><a href="javascript:;">2021年9月11日 还款54.87（本金41.67，综合利息13.20）</a></li>
                                 <li style="font-size: 17px"><a href="#">2021年9月11日 还款54.87（本金4111.67，综合利息133.20）</a></li>-->
                            </div>
                        </ul>

                    </div>

                  <!--优惠券-->
                    <div class="form-group">
                        <label for="howmuch" class="col-sm-3 control-label" style="position:relative;top: 5px;left: -30px">优惠券</label>
                        <div class="col-sm-8">
                            <select name="" id="sell" style="background-color: #fff;font-size: 18px;margin-top: 5px;width: 395px;height: 40px">
                                <option value="">暂无可用优惠券</option>
                            </select>
                        </div>
                    </div>

                  <!--收款卡-->
                    <div class="form-group">
                        <label for="howmuch" class="col-sm-3 control-label" style="position:relative;top: 5px;left: -30px">收款卡</label>
                        <div class="col-sm-8">
                            <select name="" id="bankcard" style="background-color: #fff;font-size: 18px;margin-top: 5px;width: 395px;height: 40px">
                                <option value="">请选择收卡</option>
                                <option value="">建设银行</option>
                                <option value="">工商银行</option>
                                <option value="">浦发银行</option>
                                <option value="">民生银行</option>
                            </select>
                        </div>
                    </div>

                 <!--怎么用-->
                    <div class="form-group">
                        <label for="howmuch" class="col-sm-3 control-label" style="position:relative;top: 5px;left: -30px">怎么用</label>
                        <div class="col-sm-8">
                            <select name="" id="howplay" style="background-color: #fff;font-size: 18px;margin-top: 5px;width: 395px;height: 40px">
                                <option value="">个人日常消费</option>
                                <option value="">旅游</option>
                                <option value="">装修</option>
                                <option value="">教育</option>
                                <option value="">医疗</option>
                            </select>
                        </div>
                    </div>
                </form>
            </div>
            <h3 class="text-center" style="margin-top: -10px">该笔借款服务由蜗牛金融独资提供</h3>
            <div class="text-center" style="margin-top: -5px">
                <button class="myButton6">确认借款</button>
            </div>
        </div>
    </div>
</div>

<!--完善个人信息模态框-->
<div class="modal fade" tabindex="-1" role="dialog" id="complete">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h3 class="modal-title text-center">完善申请信息</h3>
                <h4 class="">请如实填写一下信息</h4>
            </div>
            <div class="modal-body">
                <form method="post" enctype="multipart/form-data" th:action="@{/user/insetMessage}">

                    <div class="form-group">
                        <label for="umIsmarried" class="col-sm-3 control-label">婚姻状况</label>
                        <div class="col-sm-8">
                            <select name="umIsmarried"  id="umIsmarried" style="background-color: #fff;font-size: 18px;margin-top: -15px;width: 395px;height: 40px">
                                <option value="0">请选择婚姻状况</option>
                                <option value="1">未婚</option>
                                <option value="2">已婚</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group" style="margin-top: 10px">
                        <label class="col-sm-3 control-label" style="margin-top: 20px">选择地区</label>
                        <div class="col-sm-3">
                            <select name="province" id="province" class="form-control" style="margin-top: 20px">
                                <option value="-1">省</option>
                            </select>
                        </div>
                        <div class="col-sm-3">
                            <select name="city" id="city" class="form-control" style="margin-top: 20px">
                                <option value="-1">市</option>
                            </select>
                        </div>
                        <div class="col-sm-3">
                            <select name="district" id="district" class="form-control" style="margin-top: 20px">
                                <option value="-1">区</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="umAddress" class="col-sm-3 control-label" style="margin-top: 30px">详细地址</label>
                        <div class="col-sm-9">
                            <input  style="margin-top: 20px;width: 370px" type="text" class="form-control" id="umAddress" placeholder="详细地址，无需填写省市区县" name="umAddress">
                        </div>
                    </div>


                    <div class="form-group">
                        <label for="idcard1" class="col-sm-3 control-label"  style="margin-top: 30px">请上传身份证正面</label>
                        <div class="col-sm-8">
                            <input type="file" onchange="getImg(this,addImd)" name="idcard1" class="form-control" style="margin-top: 20px;width: 370px" id="idcard1">
                            <!--  <input   type="file" onchange="getImg(this,addImg)" name="userImg1"  style="margin-top: 20px;width: 370px" class="form-control"  placeholder="身份证正面">-->
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="idcard2" class="col-sm-3 control-label"  style="margin-top: 30px">请上传身份证反面</label>
                        <div class="col-sm-8">
                            <input id="idcard2" type="file" onchange="getImg(this,addImd1)" name="idcard2" class="form-control" style="margin-top: 20px;width: 370px" >
                        </div>
                    </div>

                    <img src="" width="200px" id="addImd" style="margin-left:50px">

                    <img src="" width="200px" id="addImd1" style="margin-left: 60px">

                    <div class="form-group">
                        <label for="umProfessionTypeId" class="col-sm-3 control-label" style="margin-top: 20px">职业类型</label>
                        <div class="col-sm-8">
                            <select name="umProfessionTypeId"  id="umProfessionTypeId" style="background-color: #fff;font-size: 18px;margin-top: -15px;width: 395px;height: 40px;margin-top: 10px">
                                <option value="0">请选择职业</option>
                                <option value="1">个体户/企业负责人</option>
                                <option value="2">无业/退休/自由职业</option>
                                <option value="3">销售/中介/业务代表/保险代理人</option>
                                <option value="4">工人</option>
                                <option value="5">农林牧渔从业人员</option>
                                <option value="6">营业员/服务员/收银员/快递服务业从业人员</option>
                                <option value="7">企业一般员工</option>
                                <option value="8">企业管理层</option>
                                <option value="9">其他</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="umSalary" class="col-sm-3 control-label" style="margin-top: 20px">请选择月收入</label>
                        <div class="col-sm-8">
                            <select id="umSalary" name="umSalary"  style="background-color: #fff;font-size: 18px;margin-top: -15px;width: 395px;height: 40px;margin-top: 10px">
                                <option value="0">请选择月收入</option>
                                <option value="1">2千以下</option>
                                <option value="2">5千-1万</option>
                                <option value="3">1万-2万</option>
                                <option value="4">2万-5万</option>
                                <option value="5">5万以上</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="umCompanyName" class="col-sm-3 control-label"  style="margin-top: 30px">单位名称</label>
                        <div class="col-sm-8">
                            <input id="umCompanyName" name="umCompanyName" style="margin-top: 20px;width: 370px" type="text" class="form-control" placeholder="工作单位全称">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="umImportantPersonName" class="col-sm-3 control-label"  style="margin-top: 30px">紧急联系人姓名</label>
                        <div class="col-sm-8">
                            <input  id="umImportantPersonName" name="umImportantPersonName" style="margin-top: 20px;width: 370px" type="text" class="form-control"  placeholder="联系人姓名">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="umImportantPersonPhone" class="col-sm-3 control-label"  style="margin-top: 30px">紧急联系人手机号</label>
                        <div class="col-sm-8">
                            <input  id="umImportantPersonPhone" name="umImportantPersonPhone" style="margin-top: 20px;width: 370px" type="text" class="form-control" placeholder="联系人手机号">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="umRelation" class="col-sm-3 control-label" style="margin-top: 20px">关系</label>
                        <div class="col-sm-8">
                            <select name="umRelation" id="umRelation" style="background-color: #fff;font-size: 18px;margin-top: -15px;width: 395px;height: 40px;margin-top: 10px">
                                <option value="0">请选择联系人关系</option>
                                <option value="1">父母</option>
                                <option value="2">配偶</option>
                                <option value="3">子女</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="umIdcard" class="col-sm-3 control-label"  style="margin-top: 30px">身份证</label>
                        <div class="col-sm-8">
                            <input  id="umIdcard" name="umIdcard" style="margin-top: 20px;width: 370px" type="text" class="form-control" placeholder="身份证">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="text-center" style="margin-top: -5px">
                            <button class="myButton6" type="submit">确认申请</button>
                        </div>
                    </div>
                </form>
            </div>

        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<!--广告-->
<!--<div id="advertise" style="position: fixed;right: 0px;bottom: 0px;">
    <div id="closeId">
        <a href="javascript:;"><span style="font-size: 15px" class="glyphicon glyphicon-remove"></span></a>
    </div>
    <div id="imgId" >
        <img th:src="@{asserts/images/资深金融顾问广告.png}"class="img-thumbnail" width="350px">
    </div>
</div>-->

</body>
</html>
